<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>健康科普的后台管理系统</title>
		<link rel="stylesheet" type="text/css" href="/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="/css/healthManage.css"/>
		<script src="/js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		
		<div class="container">
			<div class="row">
				<!-- part1   健康科普的后台管理系统 -->
				<div class="col-lg-12">
					<h1 class="part1-text text-center">健康科普后台管理系统</h1>
				</div>
				
				<!-- part2 id name    date -->
				<div class="col-lg-12">
					<a href="healthPage1.html" >
						<div class="col-lg-8">
							<span>1</span>
							<span>.</span>
							<span class="part2-updertext">2021-12-16让医生提前了解您！协和诊前病史采集系统给您更好的就诊体验</span>
						</div>
						<div class="col-lg-2">
							<span class="part2-updertext">2021-12-28</span>
						</div>
					</a>
					<div class="col-lg-2">
						<div class="dropdown">
						    <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">操作
						        <span class="caret"></span>
						    </button>
						    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
						        <li role="presentation">
						            <a role="menuitem" tabindex="-1" href="healthPage1.html">查看</a>
						        </li>
						        <li role="presentation">
						            <a role="menuitem" tabindex="-1" href="#" data-toggle="modal" data-target="#myModal">新增</a>
						        </li>
						        <li role="presentation">
						            <a role="menuitem" tabindex="-1" href="#" data-toggle="modal" data-target="#myModal2">修改</a>
						        </li>
								<li role="presentation">
								    <a role="menuitem" tabindex="-1" href="#">删除</a>
								</li>
						    </ul>
						</div>
					</div>
				</div>
				
				<div class="col-lg-12">
					<a href="healthPage1.html" >
						<div class="col-lg-8">
							<span>1</span>
							<span>.</span>
							<span class="part2-updertext">2021-12-16让医生提前了解您！协和诊前病史采集系统给您更好的就诊体验</span>
						</div>
						<div class="col-lg-2">
							<span class="part2-updertext">2021-12-28</span>
						</div>
					</a>
					<div class="col-lg-2">
						<div class="dropdown">
						    <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">操作
						        <span class="caret"></span>
						    </button>
						    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
						        <li role="presentation">
						            <a role="menuitem" tabindex="-1" href="healthPage1.html">查看</a>
						        </li>
						        <li role="presentation">
						            <a role="menuitem" tabindex="-1" href="#" data-toggle="modal" data-target="#myModal">新增</a>
						        </li>
						        <li role="presentation">
						            <a role="menuitem" tabindex="-1" href="#" data-toggle="modal" data-target="#myModal2">修改</a>
						        </li>
								<li role="presentation">
								    <a role="menuitem" tabindex="-1" href="#">删除</a>
								</li>
						    </ul>
						</div>
					</div>
				</div>
				
				<div class="col-lg-12">
					<a href="healthPage1.html" >
						<div class="col-lg-8">
							<span>1</span>
							<span>.</span>
							<span class="part2-updertext">2021-12-16让医生提前了解您！协和诊前病史采集系统给您更好的就诊体验</span>
						</div>
						<div class="col-lg-2">
							<span class="part2-updertext">2021-12-28</span>
						</div>
					</a>
					<div class="col-lg-2">
						<div class="dropdown">
						    <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">操作
						        <span class="caret"></span>
						    </button>
						    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
						        <li role="presentation">
						            <a role="menuitem" tabindex="-1" href="healthPage1.html">查看</a>
						        </li>
						        <li role="presentation">
						            <a role="menuitem" tabindex="-1" href="#" data-toggle="modal" data-target="#myModal">新增</a>
						        </li>
						        <li role="presentation">
						            <a role="menuitem" tabindex="-1" href="#" data-toggle="modal" data-target="#myModal2">修改</a>
						        </li>
								<li role="presentation">
								    <a role="menuitem" tabindex="-1" href="#">删除</a>
								</li>
						    </ul>
						</div>
					</div>
				</div>
				
				<div class="col-lg-12">
					<a href="healthPage1.html" >
						<div class="col-lg-8">
							<span>1</span>
							<span>.</span>
							<span class="part2-updertext">2021-12-16让医生提前了解您！协和诊前病史采集系统给您更好的就诊体验</span>
						</div>
						<div class="col-lg-2">
							<span class="part2-updertext">2021-12-28</span>
						</div>
					</a>
					<div class="col-lg-2">
						<div class="dropdown">
						    <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">操作
						        <span class="caret"></span>
						    </button>
						    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
						        <li role="presentation">
						            <a role="menuitem" tabindex="-1" href="healthPage1.html">查看</a>
						        </li>
						        <li role="presentation">
						            <a role="menuitem" tabindex="-1" href="#" data-toggle="modal" data-target="#myModal">新增</a>
						        </li>
						        <li role="presentation">
						            <a role="menuitem" tabindex="-1" href="#" data-toggle="modal" data-target="#myModal2">修改</a>
						        </li>
								<li role="presentation">
								    <a role="menuitem" tabindex="-1" href="#">删除</a>
								</li>
						    </ul>
						</div>
					</div>
				</div>
				
				<div class="col-lg-12">
					<a href="healthPage1.html" >
						<div class="col-lg-8">
							<span>1</span>
							<span>.</span>
							<span class="part2-updertext">2021-12-16让医生提前了解您！协和诊前病史采集系统给您更好的就诊体验</span>
						</div>
						<div class="col-lg-2">
							<span class="part2-updertext">2021-12-28</span>
						</div>
					</a>
					<div class="col-lg-2">
						<div class="dropdown">
						    <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">操作
						        <span class="caret"></span>
						    </button>
						    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
						        <li role="presentation">
						            <a role="menuitem" tabindex="-1" href="healthPage1.html">查看</a>
						        </li>
						        <li role="presentation">
						            <a role="menuitem" tabindex="-1" href="#" data-toggle="modal" data-target="#myModal">新增</a>
						        </li>
						        <li role="presentation">
						            <a role="menuitem" tabindex="-1" href="#" data-toggle="modal" data-target="#myModal2">修改</a>
						        </li>
								<li role="presentation">
								    <a role="menuitem" tabindex="-1" href="#">删除</a>
								</li>
						    </ul>
						</div>
					</div>
				</div>
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				<!-- 分页 -->
				<div class="col-lg-offset-4">
					<ul class="pagination pagination-lg">
					<li><a href="#">&laquo;</a></li>
					    <li><a href="#">1</a></li>
					    <li><a href="#">2</a></li>
					    <li><a href="#">3</a></li>
					    <li><a href="#">4</a></li>
					    <li><a href="#">5</a></li>
					    <li><a href="#">&raquo;</a></li>
					</ul><br>
				</div>
				
				<!-- 按钮触发模态框 -->
				<!-- <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">开始演示模态框</button> -->
				<!-- 模态框（Modal） -->
				<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				    <div class="modal-dialog">
				        <div class="modal-content">
				            <div class="modal-header">
				                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				                <h4 class="modal-title" id="myModalLabel">你要添加的内容</h4>
				            </div>
				            <div class="modal-body">
								要添加的name<input type="text" name="message" class="form-control" />
							</div>
							<div class="modal-body">
								要添加的日期<input type="text" name="date" class="form-control" />
							</div>
				            <div class="modal-footer">
				                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				                <button type="button" class="btn btn-primary" id="add">提交更改</button>
				            </div>
				        </div><!-- /.modal-content -->
				    </div><!-- /.modal -->
				</div>
				
				<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				    <div class="modal-dialog">
				        <div class="modal-content">
				            <div class="modal-header">
				                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				                <h4 class="modal-title" id="myModalLabel">你要修改的内容</h4>
				            </div>
				            <div class="modal-body">
								要修改的name<input type="text" name="message" class="form-control" />
							</div>
							<div class="modal-body">
								要修改的日期<input type="text" name="date" class="form-control" />
							</div>
				            <div class="modal-footer">
				                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				                <button type="button" class="btn btn-primary" id="add">提交更改</button>
				            </div>
				        </div><!-- /.modal-content -->
				    </div><!-- /.modal -->
				</div>
				
			</div>
		</div>
		
		
		
		
		
	</body>
</html>
